<template>
	<a-card class="general-card" title="最近访问" :header-style="{ paddingBottom: '0' }" :body-style="{ paddingTop: '26px' }">
		<div style="margin-bottom: -1rem">
			<a-row :gutter="8">
				<a-col v-for="link in links" :key="link.text" :span="8" class="wrapper">
					<div class="icon">
						<component :is="link.icon" />
					</div>
					<a-typography-paragraph class="text">
						{{ link.text }}
					</a-typography-paragraph>
				</a-col>
			</a-row>
		</div>
	</a-card>
</template>

<script setup>
	const links = [
		{
			text: '内容管理',
			icon: 'icon-storage',
		},
		{
			text: '内容分析',
			icon: 'icon-file',
		},
		{
			text: '高级管理',
			icon: 'icon-settings',
		},
	]
</script>

<style lang="less" scoped>
	:deep(.arco-card-header-title) {
		line-height: inherit;
	}
</style>
